<template>
  <div class="widget">
    <div class="jason-info">
      <div
        style="height:250px;"
        align="center"
      >
        <img
          src="../../assets/head-picture.jpg"
          width="250px"
          height="250px"
        >
      </div>
      <div style="text-align: center;">
        <a
          href="https://github.com/mrjasonjiang"
          target="_blank"
        >
          <Icon
            class="logo-github"
            type="logo-github"
            size="26"
          />
        </a>
      </div>
    </div>
    <div class="like-me">
      <p>like me?</p>
    </div>
    <div class="recommend">
      <p>推荐</p>
    </div>
    <div class="copyright">
      <p>百度提供站内搜索</p>
      <p>鄂ICP备17026641号-1</p>
      <p>Made with By Jason</p>
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {}
  },
  methods: {
    skipGitHub () {
      const github = this.$router.resolve({})
      window.open(github, '_blank')
      //href="https://github.com/mrjasonjiang"
    }
  }
}
</script>
<style scoped>
.logo-github:hover {
  color: black;
}
.widget div {
  margin: 10px auto;
}

.copyright {
  background-color: darkgray;
  height: 70px;
}
.copyright p {
  text-align: center;
  font-size: 14px;
}

.recommend {
  background-color: white;
  height: 250px;
}

.jason-info {
  background-color: white;
  height: 300px;
}

.like-me {
  background-color: white;
  height: 120px;
}
</style>
